<template>
<div style="width: 1200px;margin: 0 auto">
  <el-row>
    <el-col :span="4">
      <el-menu
          router
          :default-active="$router.currentRoute.path"
          class="el-menu-vertical-demo"
          text-color="rgb(39,137,150)"
          active-text-color="606266">
        <el-menu-item index="/personal/userInfo">
          <span slot="title">用户信息</span>
        </el-menu-item>
        <el-menu-item index="/personal/changeInfo">
          <span slot="title">修改信息</span>
        </el-menu-item>
        <el-menu-item index="/personal/password">
          <span slot="title">修改密码</span>
        </el-menu-item>
          <el-menu-item index="/personal/myArticle">
            我的游记
          </el-menu-item>
          <el-menu-item index="/personal/myArticleUp">
            我的点赞
          </el-menu-item>
          <el-menu-item index="/personal/myArticleCollect">
            我的收藏
          </el-menu-item>
          <el-menu-item index="/personal/rejectArticle">
            退回文章
          </el-menu-item>
      </el-menu>
    </el-col>
    <el-col span="20">
      <el-main class="layout-main">
        <!-- 由其它视图组件来显示 -->
        <router-view/>
      </el-main>
    </el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: "PersonalView",
}
</script>

<style scoped>

</style>